<template>
  <div>
    <ul>
      <li>
        <img :src="info.userPic" alt="" />
        {{ info.title }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ["info"],
  data() {
    return {};
  },
  created() {
    console.log(this.info, "info");
  },
};
</script>

<style lang="scss" scoped>
ul {
  list-style: none;
  li {
    width: 500px;
    height: 200px;
    border: 1px solid #444;
    margin-top: 10px;
    display: flex;

    img {
      width: 100px;
      height: 100px;
    }
  }
}
</style>